<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="css/d_search.css" type="text/css" media="screen" charset="utf-8">
    <title> 美尚良品-全部分类 </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" type="text/css" href="css/mobile/base2013.css" charset="gbk">
    <link rel="stylesheet" type="text/css" href="css/mobile/search_html5.css" charset="gbk">
    <link rel="stylesheet" type="text/css" href="css/mobile/chapter.css" charset="gbk">

    <script type="text/javascript">
        var _winLocation = window.location.href;//获得当前页面的路径，根据路径规则进行逐页替换
        var _isWebKit = '__proto__' in {};//是否是webkit内核
        if (_isWebKit) {//如果是webkit内核，则分模块使用zepto
            //要使用zeptojs的路径列表，可以做为分模块替换的开关
            var _locationList = new Array();
            //活动模块
            _locationList.push('/activity/proActList');
            _locationList.push('/activity/proActWareList');
            _locationList.push('/activity/list');
            //商品分类模块
            _locationList.push('/category/');
            //京东快讯模块
            _locationList.push('/newslist.html');
            _locationList.push('/newslist/');
            _locationList.push('/news/');
            //机票模块
            _locationList.push('/airline/');
            //酒店模块
            _locationList.push('/hotel/');
            //团购模块
            _locationList.push('/tuan/');
            //首页相关
            _locationList.push('/hotbrand.html');//品牌馆
            //商品筛选相关
            _locationList.push('/ware/expandSort.action');
            _locationList.push('/ware/categoryFilter.action');
            _locationList.push('/ware/search.action');
            _locationList.push('/products/');

            _locationList.push('/notice/');//通告模块
            _locationList.push('/coupons/');//随地惠模块
            _locationList.push('/chongzhi/');//手机充值模块
            _locationList.push('/comment/');//手机推荐模块
            _locationList.push('/pay/');//支付
            _locationList.push('/order/');//订单
            _locationList.push('/norder/');//订单
            var _needReplace = false;
            //如果当前路径符合要使用的路径规则，则进行替换
            for (var i = 0; i < _locationList.length; i++) {
                if (_winLocation.indexOf(_locationList[i]) != -1) {
                    _needReplace = true;
                    break;
                }
            }
            //如果是首页的话，则使用zepto
            var _tmp = _winLocation.replace(/(^http:\/\/)|(\/*$)/g, '');
            if (_tmp.indexOf('/') < 0 || (_tmp.split('/').length <= 2 && _tmp.indexOf('/index') >= 0)) {
                _needReplace = true;
            }
            //如果是商品详情页的话，则使用zepto
            var _dlocationList = new Array();
            _dlocationList.push(/\/product\/([0-9]+)\.html/);
            _dlocationList.push(/\/orderComment\/([0-9]+)\.html/);
            _dlocationList.push(/\/consultations\/([0-9]+)\.html/);
            _dlocationList.push(/\/consultations\/([0-9]+)-([0-9]+)\.html/);
            _dlocationList.push(/\/comments\/([0-9]+)\.html/);
            for (var i = 0, len = _dlocationList.length; i < len; i++) {
                if (_dlocationList[i].test(_winLocation)) {
                    _needReplace = true;
                    break;
                }
            }
            if (_needReplace) {
                document.write('<script src="/js/zepto.min.js"><\/script>');
                document.write('<script type="text/javascript">window.jQuery=window.Zepto;<\/script>');
            } else {
                document.write('<script src="../../js/jquery-1.6.2.min.js"><\/script>');
            }
        } else {//如果是非webkit内核直接使用jquery
            document.write('<script src="/js/jquery-1.6.2.min.js"><\/script>');
        }
    </script>
    <script src="js/mobile/zepto.js"></script>
    <script type="text/javascript">window.jQuery = window.Zepto;</script>
    <script type="text/javascript" src="js/mobile/common.js"></script>
    <script type="text/javascript" src="js/mobile/spin.js"></script>
    <script charset="utf-8" type="text/javascript" src="js/mobile/installapp.js"></script>

</head>

<body ryt14337="1" id="body">
    <a name="top"></a>
    <header>
        <div class="new-header" id="_jdBox">
            <a href="javascript:pageBack();" class="new-a-back"><span>返回</span></a>
            <a href="javascript:void(0)" id="btnJdBox" class="new-srch-box2">美尚</a>
            <a href="javascript:void(0)" id="btnJdkey" class="new-a-jd"><span>美尚键</span></a>
        </div>
        <div class="new-header" id="_jdSearch" style="display:none">
            <form action="search.php" id="searchForm">
                <input name="sid" value="" type="hidden">
                <a href="javascript:void(0)" id="_cancelSearch" class="new-a-cancel">取消</a>

                <div class="new-srch-box new-srch-box-v1">
                    <input class="new-srch-input" name="keywords" id="newkeyword" cleardefault="no" required=""   value="美尚" type="text">
                    <a href="javascript:void(0);" target="_self"  onclick="$('#searchForm').submit();"  class="new-s-close new-s-close-v1"></a>
                    <a  class="new-s-srch"><span></span></a>
                    <a href="javascript:void(0)" onclick="$('#searchForm').submit();" class="new-s-srch"><span></span></a>
                    <div class="new-srch-lst" id="shelper" style="display:none"></div>
                </div>
            </form>
        </div>
        <div class="new-jd-tab" style="display:none" id="jdkey">
            <div class="new-tbl-type">
                <a href="index.php" class="new-tbl-cell">
                    <span class="icon">首页</span>
                    <p style="color:#6e6e6e;">首页</p>
                </a>
                <a href="cat_all.php" class="new-tbl-cell">
                    <span class="icon2">搜索</span>
                    <p style="color:#6e6e6e;">分类搜索</p>
                </a>
                <a href="flow.php" id="html5_cart" class="new-tbl-cell">
                    <span class="icon3">购物车</span>
                    <p style="color:#6e6e6e;">购物车</p>
                </a>
                <a href="http://m.jd.com/user/home.action?sid=232cf80df689456635651a12092609f1" class="new-tbl-cell">
                    <span class="icon4">我的美尚</span>
                    <p style="color:#6e6e6e;">我的美尚</p>
                </a>
            </div>
        </div>
    </header>
    <style type="text/css">
        .keyword_append {
            margin: 1px 0 0;
            padding: 0 0
        }
    </style>

    <div style="position: absolute;top:0px;width: 190px;height: 100%;right: 0px;top: 0;z-index: 9999;overflow:hidden;display:none;" id="filterbar">
        <div class="new-tab-type">
            <div class="new-srch-pop" id="slidebar" style="-webkit-transition: -webkit-transform 0.4s;-webkit-transform-origin: 0px 0px; -webkit-transform-style: preserve-3d;-webkit-transform: translate(190px, 0);">
                <div class="new-pop-ul new-p-re" id="filter_prop">
                    <ul class="new-ul-lst">
                        <!--分类列表(总分类) 添加 start-->
                        <!--{if $class_exist eq 1}-->
                            <li class="new-ul-li">
                                <a href="javascript:void(0)" onclick="showHideFilter(this)" class="new-li-a on">分类</a>
                                <div class="new-pop-sel" style="display:none">
                                    <ul>
                                        <!--{foreach from=$categories item=cat}-->
                                            <li><a href="{$cat.url}"><span>{$cat.name|escape:html}</span></a></li>
                                                <!--{foreach from=$cat.cat_id item=child}-->
                                                    <li><a href="{$child.url}"><span>{$child.name|escape:html}</span></a></li>
                                                        <!--{foreach from=$child.cat_id item=childer}-->
                                                            <li><a href="{$childer.url}"><span>{$childer.name|escape:html}</span></a></li>
                                                        <!--{/foreach}-->
                                                <!--{/foreach}-->
                                        <!--{/foreach}-->
                                    </ul>
                                </div>
                            </li>
                        <!--{/if}-->
                        <!--分类列表(总分类) 添加  end -->

                        <!--{if $brands.1 || $price_grade.1 || $filter_attr_list}-->
                            <!--分类列表（品牌） 自添加 start-->
                            <!--{if $brands.1}-->
                                <li class="new-ul-li">
                                    <a href="javascript:void(0)" onclick="showHideFilter(this)" class="new-li-a on">品牌</a>
                                    <div class="new-pop-sel" style="display:none">
                                        <ul>
                                        <!--{foreach from=$brands item=brand}-->
                                            <!-- {if $brand.selected} -->
                                                <li><span>{$brand.brand_name}</span></li>
                                            <!-- {else} -->
                                                <li><a href="{$brand.url}"><span>{$brand.brand_name}</span></a></li>
                                            <!-- {/if} -->
                                        <!--{/foreach}-->
                                        </ul>
                                    </div>
                                </li>
                            <!--{/if}-->
                            <!--分类列表（品牌） 自添加  end -->

                            <!--分类列表（价格） 自添加 start-->
                            <!--{if $price_grade.1}-->
                                <li class="new-ul-li">
                                    <a href="javascript:void(0)" onclick="showHideFilter(this)" class="new-li-a on">价格</a>
                                    <div class="new-pop-sel" style="display:none">
                                        <ul>
                                            <!--{foreach from=$price_grade item=grade}-->
                                                <!-- {if $grade.selected} -->
                                                    <li><span>{$grade.price_range}</span></li>
                                                <!-- {else} -->
                                                    <li><a href="{$grade.url}"><span>{$grade.price_range}</span></a></li>
                                                <!-- {/if} -->
                                            <!--{/foreach}-->
                                        </ul>
                                    </div>
                                </li>
                            <!--{/if}-->
                            <!--分类列表（价格） 自添加  end -->

                            <!--分类列表（属性） 自添加 start-->
                            <!--{if $filter_attr_list.0}-->
                                {foreach from=$filter_attr_list item=val}
                                    {if $val.attr_list.1}
                                        <li class="new-ul-li">
                                            <a href="javascript:void(0)" onclick="showHideFilter(this)" class="new-li-a on">{$val.filter_attr_name}</a>
                                            <div class="new-pop-sel" style="display:none">
                                                <ul>
                                                    <!--{foreach from=$val.attr_list item=val_1}-->
                                                        <!-- {if $val_1.selected} -->
                                                            <li><span>{$val_1.attr_value}</span></li>
                                                        <!-- {else} -->
                                                            <li><a href="{$val_1.url}"><span>{$val_1.attr_value}</span></a></li>
                                                        <!-- {/if} -->
                                                    <!--{/foreach}-->
                                                </ul>
                                            </div>
                                        </li>
                                    {/if}
                                {/foreach}
                            <!--{/if}-->
                        <!--分类列表（属性） 自添加  end -->
                        <!--{/if}-->
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="new-ct new-p-re">
        <div class="new-search">
            <div class="new-tab-type">
                <div class="new-tbl-type">
                    <a href="javascript:void(0)"  f="1" class="new-tbl-cell on">
                        <span class="new-bar"></span>
                        <span class="new-p-re">综合<span class="new-icon-down"></span></span>
                    </a>

                    <!--销量升降 start-->
                    {if $smarty.get.order_price eq 4}
                        <a href='goods_list.php?type={$smarty.get.type}&order_price=3{if $smarty.get.page}&page={$smarty.get.page}{/if}'  f="1" class="new-tbl-cell">
                            <span class="new-bar"></span>
                            <span class="new-p-re">销量<span class="new-icon-down"></span></span>
                        </a>
                    {else}
                        <a href='goods_list.php?type={$smarty.get.type}&order_price=4{if $smarty.get.page}&page={$smarty.get.page}{/if}'  f="1" class="new-tbl-cell">
                            <span class="new-bar"></span>
                            <span class="new-p-re">销量<span class="new-icon-down"></span></span>
                        </a>
                    {/if}
                    <!--销量升降 end-->

                    <!--价格升降start-->
                    {if $smarty.get.order_price eq 1}
                        <a href='goods_list.php?type={$smarty.get.type}&order_price=2{if $smarty.get.page}&page={$smarty.get.page}{/if}'  f="1" class="new-tbl-cell"><span class="new-bar"></span><span
                        class="new-p-re">价格<span class="new-icon-down"></span></span></a>
                    {else}
                        <a href='goods_list.php?type={$smarty.get.type}&order_price=1{if $smarty.get.page}&page={$smarty.get.page}{/if}'  f="1" class="new-tbl-cell"><span class="new-bar"></span><span
                        class="new-p-re">价格<span class="new-icon-down"></span></span></a>
                    {/if}
                    <!--价格升降end-->

                    <a href="javascript:void(0)"  f="1"  id="btn_filter" class="new-tbl-cell">
                        <span class="new-bar"></span>
                        <span class="icon">筛选<span></span></span>
                    </a>
                </div>
            </div>

            <form id="condtion" action="/ware/search.action" type="post">
                <input name="cid" value="1348" type="hidden">
                <input name="categoryId" value="1348" type="hidden">
                <input name="expandSortId" id="expandSortId" value="0-0-0-0-0-0-0" type="hidden">
                <input name="c1" value="1315" type="hidden">
                <input name="c2" value="1342" type="hidden">
                <input name="sort" id="sort" value="1" type="hidden">
                <input name="region" id="region" value="" type="hidden">
                <input name="stock" id="stock" value="" type="hidden">
                <input name="self" id="self" value="" type="hidden">
                <input name="resourceType" value="" type="hidden">
                <input name="resourceValue" value="" type="hidden">
                <input name="sid" value="232cf80df689456635651a12092609f1" type="hidden">
            </form>

            <div style="width:100%;height:auto" class="d_center clearfix ">
                {if $goods_data}
                {foreach from=$goods_data item=val}
                    {if $val.extension_code == crowdfunding && $val.is_check == 1}
                        <div class="d_left " style="width:50%;height:auto;">
                            <div>
                                <a href="goods.php?id={$val.id}">
                                    <img src="../../{$val.goods_img}" style="width:100%;height:auto">
                                </a>
                            </div>
                            <div style="height:1em"></div>

                            <div style="min-height:30px">
                                {$val.name}
                            </div>
                            <div style="margin-top:1.35em"></div>

                            <div>
                                <span style="color:#BC0602">{$val.price}</span> &nbsp;<span style="font-size:0.85em;color:#797979">销量：{$val.sell_count}件</span>
                            </div>
                            <div style="height:1em"></div>
                        </div>
                    {elseif $val.extension_code == null}
                        <div class="d_left " style="width:50%;height:auto;">
                            <div>
                                <a href="goods.php?id={$val.id}">
                                    <img src="../../{$val.goods_img}" style="width:100%;height:auto">
                                </a>
                            </div>
                            <div style="height:1em"></div>

                            <div style="min-height:30px">
                                {$val.name}
                            </div>
                            <div style="margin-top:1.35em"></div>

                            <div>
                                <span style="color:#BC0602">{$val.price}</span> &nbsp;<span style="font-size:0.85em;color:#797979">销量：{$val.sell_count}件</span>
                            </div>
                            <div style="height:1em"></div>
                        </div>
                    {/if}
                {/foreach}
                {/if}
            </div>

            {if $pagebar}
            {$pagebar}<br/>
            {/if}

            <script language="javascript">
                function showHideFilter(obj) {
                    var hasClass = $(obj).hasClass('on');
                    $(obj).parent().siblings().children('div').hide();
                    $(obj).siblings().hide();
                    $(obj).addClass('on');
                    $(obj).parent().siblings().children('a').addClass('on');
                    if (hasClass) {
                        $(obj).removeClass('on');
                        $(obj).siblings().show();
                    }
                }
                function selectExpandSort(obj) {
                    $(obj).parent().siblings().children('a').removeClass('on');
                    $(obj).addClass('on');
                    var div = $('#filter_prop a.on[data]');
                    var esId = '';
                    for (var i = 0, len = div.size(); i < len; i++) {
                        if (esId != '')esId += '-';
                        esId += $(div[i]).attr('data');
                    }
                    var more = 7 - div.length;
                    if (more > 0) {
                        for (var i = 0; i < more; i++) {
                            if (esId != '')esId += '-0';
                        }
                    }
                    $('#expandSortId').val(esId);
                    $('#condtion').submit();
                    closeFilter();
                }
                function selectCategory(obj) {
                    $(obj).parent().siblings().children('a').removeClass('on');
                    $(obj).addClass('on');
                    closeFilter();
                }
                function selectCategoryFilter(obj) {
                    $(obj).parent().siblings().children('a').removeClass('on');
                    $(obj).addClass('on');

                    var param = '';
                    var express = $('#filter_prop a.on[data][type="1"]');
                    for (var i = 0, len = express.size(); i < len; i++) {
                        if ($(express[i]).attr('data') != '') {
                            if (param != '')param += ',';
                            param += ($(express[i]).attr('parent') + ":" + $(express[i]).attr('data'));
                        }
                    }
                    $('#expressionKey').val(param);

                    var price = $('#filter_prop a.on[data][type="2"]');
                    $('#minprice').val('');
                    $('#maxprice').val('');
                    for (var i = 0, len = price.size(); i < len; i++) {
                        if ($(price[i]).attr('data') != '') {
                            content = $(price[i]).attr('data');
                            if (content) {
                                var tmpPrice = content.split('-');
                                if (tmpPrice.length == 2) {
                                    $('#minprice').val(tmpPrice[0]);
                                    $('#maxprice').val(tmpPrice[1]);
                                }
                            }
                        }
                    }

                    param = '';
                    var expand = $('#filter_prop a.on[data][type="3"]');
                    for (var i = 0, len = expand.size(); i < len; i++) {
                        if ($(expand[i]).attr('data') != '') {
                            if (param != '')param += ',';
                            param += ($(expand[i]).attr('parent') + ":" + $(expand[i]).attr('data'));
                        }
                    }
                    $('#expandName').val(param);
                    $('#condtion').submit();
                    closeFilter();
                }
                function closeFilter() {
                    (document.body || document.documentElement).removeChild(document.getElementById('_mask'));
                    (document.body || document.documentElement).removeChild(document.getElementById('_maskArrow'));
                    //$('a[f="1"]').removeClass('on');
                    document.getElementById('slidebar').setAttribute('style', '-webkit-transition: -webkit-transform 0.4s;-webkit-transform-origin: 0px 0px; -webkit-transform-style: preserve-3d;-webkit-transform: translate(190px, 0);');
                    setTimeout(function () {
                        $('#filterbar').hide();
                    }, 400);
                }
                $(function () {
                    $('a[f="1"]').click(function (e) {
                        var cobj = e.srcElement || e.target;
                        var id = $(cobj).attr('id');
                        if (!id)id = $(cobj).parent('a').attr('id') || $(cobj).parent('span').parent('a').attr('id');
                        if ($('#' + id).hasClass('on')) {
                            return;
                        }
                        if (id != 'btn_filter') {
                            $('.new-tab-type2').hide();
                            $('.new-tab-type3').hide();
                            $('.new-tab-type4').hide();
                        }
                        if ($('#' + id).hasClass('on')) {
                            //$('a[f="1"]').removeClass('on');
                        } else {
                            var tagSort = !$('#btn_sort').hasClass('on');
                            var tagStock = !$('#btn_stock').hasClass('on');
                            var tagDelivery = !$('#btn_delivery').hasClass('on');
                            if (id != 'btn_filter') {
                                $('a[f="1"]').removeClass('on');
                                $('#' + id).addClass('on');
                            }
                            if (id == 'btn_sort') {
                                if (tagStock && tagDelivery) {
                                    $('.new-tab-type2').css({'display': 'block', 'height': '0px'});
                                    $('.new-tab-type2').animate({'height': '34px'}, {'duration': 'fast'});
                                } else {
                                    //$('.new-tab-type2').css({'display':'block'});
                                    $('.new-tab-type2').css({'opacity': '0', 'display': 'block'});
                                    $('.new-tab-type2').animate({'opacity': 10}, 'slow');
                                }
                            } else if (id == 'btn_stock') {
                                if (tagSort && tagDelivery) {
                                    $('.new-tab-type3').css({'display': 'block', 'height': '0px'});
                                    $('.new-tab-type3').animate({'height': '34px'}, {'duration': 'fast'});
                                } else {
                                    //$('.new-tab-type3').css({'display':'block'});
                                    $('.new-tab-type3').css({'opacity': '0', 'display': 'block'});
                                    $('.new-tab-type3').animate({'opacity': 10}, 'slow');
                                }
                            } else if (id == 'btn_delivery') {
                                if (tagSort && tagStock) {
                                    $('.new-tab-type4').css({'display': 'block', 'height': '0px'});
                                    $('.new-tab-type4').animate({'height': '34px'}, {'duration': 'fast'});
                                } else {
                                    //$('.new-tab-type4').css({'display':'block'});
                                    $('.new-tab-type4').css({'opacity': '0', 'display': 'block'});
                                    $('.new-tab-type4').animate({'opacity': 10}, 'slow');
                                }
                            } else if (id == 'btn_filter') {
                                $('#filterbar').show();
                                var height = ((document.body || document.documentElement).clientHeight + 20) + 'px';
                                if (parseInt($('#slidebar').css('height').replace('px', '')) > parseInt(height.replace('px', '')) - 20) {
                                    height = (parseInt($('#slidebar').css('height').replace('px', '')) + 50) + 'px';
                                }
                                $('#filterbar').css('height', (parseInt(height.replace('px', '')) - 50) + "px");
                                var width = '100%';
                                var maskArrow = document.createElement("a");
                                maskArrow.setAttribute('class', 'new-abtn-slid');
                                maskArrow.setAttribute('style', 'z-index:8889;left:auto;right:185px;');
                                maskArrow.setAttribute('id', '_maskArrow');
                                var mask = document.createElement("div");
                                mask.setAttribute('id', '_mask');
                                mask.setAttribute('style', 'position:absolute;left:0px;top:0px;background-color:rgb(13, 13, 13);filter:alpha(opacity=60);opacity: 0.6;width:' + width + ';height:' + height + ';z-index:8888;');
                                (document.body || document.documentElement).appendChild(mask);
                                (document.body || document.documentElement).appendChild(maskArrow);
                                var scrolltop = (document.body || document.documentElement).scrollTop;
                                $('#filterbar').css("top", (scrolltop - 28) + "px");
                                document.getElementById('slidebar').setAttribute('style', ' -webkit-transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.4s; -webkit-transform-origin: 0px 0px; -webkit-transform: translate(0px, 0); ');
                                $('#_maskArrow').click(function () {
                                    closeFilter();
                                });
                                $('#_mask').click(function () {
                                    closeFilter();
                                });
                            }
                        }
                    });
                    $('#select_region').change(function () {
                        var text = document.getElementById('select_region').options[document.getElementById('select_region').selectedIndex].text;
                        $('#regionShow').html(text + '<span></span>');
                        var val = $('#select_region').val();
                        $('#region').val(val);
                        if (val == '0') {
                            $('#stock').val('');
                        }
                        $('#condtion').submit();
                    });
                    if ($('#region').val() != '' && $('#region').val() != '0') {
                        $('#checkbox_stock').click(function () {
                            if ($('#checkbox_stock').children('span').hasClass('on')) {
                                $('#checkbox_stock').children('span').removeClass('on')
                                $('#stock').val("");
                            } else {
                                $('#checkbox_stock').children('span').addClass('on')
                                $('#stock').val("1");
                            }
                            $('#condtion').submit();
                        });
                    }
                    $('#self_all').click(function () {
                        $('#self_all').children('span').removeClass('on');
                        $('#self_jd').children('span').removeClass('on');
                        $('#self_other').children('span').removeClass('on');
                        $('#self_all').children('span').addClass('on');
                        $('#self').val("");
                        $('#condtion').submit();
                    });
                    $('#self_jd').click(function () {
                        $('#self_all').children('span').removeClass('on');
                        $('#self_jd').children('span').removeClass('on');
                        $('#self_other').children('span').removeClass('on');
                        $('#self_jd').children('span').addClass('on');
                        $('#self').val("1");
                        $('#condtion').submit();
                    });
                    $('#self_other').click(function () {
                        $('#self_all').children('span').removeClass('on');
                        $('#self_jd').children('span').removeClass('on');
                        $('#self_other').children('span').removeClass('on');
                        $('#self_other').children('span').addClass('on');
                        $('#self').val("2");
                        $('#condtion').submit();
                    });
                    $('#btn_prop').click(function () {
                        $(this).addClass('on');
                        $('#btn_cat').removeClass('on');
                        $('#filter_prop').show();
                        $('#filter_cat').hide();
                    });
                    $('#btn_cat').click(function () {
                        $(this).addClass('on');
                        $('#btn_prop').removeClass('on');
                        $('#filter_prop').hide();
                        $('#filter_cat').show();
                    });
                })
            </script>

            <div style="width: 10px;height: 10px"></div>
            <style>
                .login-area {
                    padding-bottom: 1.8em;
                    text-align: center;
                    width: 100%;
                    max-width: 640px;
                    background-color: #fff;
                    margin: 0 auto
                }

                .login-area a {
                    color: #666
                }

                .login-area .lg-bar {
                    display: inline-block;
                    margin: 0 2px;
                    color: #666
                }

                .login-area .login {
                    padding: 1.55em 1.71em;
                    border-bottom: 0px solid #e5e5e5;
                    text-align: left
                }

                .new-fl {
                    float: left
                }

                .new-fr {
                    float: right
                }

                .version {
                    padding: .71em 0 5px
                }

                .version a {
                    padding: 0 1.16em;
                    color: #6e6e6e
                }

                .version a.on {
                    color: #e6242b
                }

                .copyright {
                    font-size: 12px;
                    color: #666
                }
            </style>

            <div class="login-area" id="footer" style="background: none repeat scroll 0 0 #fff;padding-top:0;padding-bottom:0;">
                <div style="width:100%;margin-bottom: 5px" class="d_center">
                    <div class="login" >
                        <span class="new-fl">
                            {if $user_name neq null}
                            <a>{$user_name}</a><span class="lg-bar">|</span><a href="user.php?act=logout">退出</a>
                            {else}
                            <a href="user.php">登录</a><span class="lg-bar">|</span><a href="user.php?act=register">注册</a>
                            {/if}
                        </span>
                        <span class="new-fr"><a href="user.php?act=message_list">反馈</a><span class="lg-bar">|</span><a href="#top">回到顶部</a></span>
                    </div>
                </div>
                <div class="version" id="clientArea">
                    <a href="javascript:void(0)" class="on">触屏版</a>
                    <a href="index.php?computer=1" id="toPcHome">电脑版</a>
                </div>
                <div class="copyright">©mp.p.com</div>
            </div>
        </div>
    </div>

</body>
</html>